<template>
  <view class="container">
    <view class="title">我的申请</view>
    <view v-for="(item, idx) in records" :key="idx" class="record">
      <view>姓名：{{item.name}}</view>
      <view>手机号：{{item.phone}}</view>
      <view>城市：{{item.city}}</view>
      <view>状态：{{item.status}}</view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      records: [
        { name: '张三', phone: '13800000000', city: '广州', status: '已提交' }
      ]
    }
  }
}
</script>
<style scoped>
.container { padding: 32rpx; }
.title { font-size: 40rpx; font-weight: bold; margin-bottom: 24rpx; }
.record { border: 1px solid #eee; border-radius: 12rpx; padding: 16rpx; margin-bottom: 16rpx; }
</style> 